
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>江湖</title>


    <link rel="stylesheet" type="text/css" href="bootstrap/css/candy-box.css" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
    <link rel="stylesheet" type="text/css" href="css/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.skippr.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/login.css" />
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
	<style>
		@font-face {
			font-family: "lantingxihei";
			src: url("fonts/FZLTCXHJW.TTF");
		}

        /* modal 模态框*/
        #invite-user .modal-body {
            overflow: hidden;
        }
		#invite-user .modal-body .form-label {
			margin-bottom: 16px;
			font-size:14px;
		}
		#invite-user .modal-body .form-invite {
			width: 80%;
			padding: 6px 12px;
			background-color: #eeeeee;
			border: 1px solid #cccccc;
			border-radius: 5px;
			float: left;
			margin-right: 10px;
		}
		#invite-user .modal-body .msg-modal-style {
			background-color: #7dd383;
			margin-top: 10px;
			padding: 6px 0;
			text-align: center;
			width: 100%;
		}
		#invite-user .modal-body .modal-flash {
			position: absolute;
			top: 53px;
			right: 74px;
			z-index: 999;
		}
		/* end modal */

        .en-footer {
            padding: 30px;
            text-align: center;
            font-size: 14px;
        }
    </style>
</head>
<body>
<header>
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">江湖</a>
            </div>
            <div class="navbar-collapse collapse navbar-responsive-collapse">
                <ul class="nav navbar-nav">
                    <li ><a href="index">首页</a></li>
                    <li><a href="hiview.html">藏经阁</a></li>
                    <li><a href="hiview.html">讲武堂</a></li>
                    <!--<li class="dropdown">-->
                        <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
                        <!--<ul class="dropdown-menu">-->
                            <!--<li><a href="#">Action</a></li>-->
                            <!--<li><a href="#">Another action</a></li>-->
                            <!--<li><a href="#">Something else here</a></li>-->
                            <!--<li class="divider"></li>-->
                            <!--<li class="dropdown-header">Dropdown header</li>-->
                            <!--<li><a href="#">Separated link</a></li>-->
                            <!--<li><a href="#">One more separated link</a></li>-->
                        <!--</ul>-->
                    <!--</li>-->
                </ul>
                <form class="navbar-form navbar-left">
                    <input type="text" class="form-control col-lg-8" placeholder="搜索">
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li><a data-sign="signin" href="#sign-modal" data-toggle="modal">登陆</a></li>
                    <li><a data-sign="signup" href="#sign-modal" data-toggle="modal">注册</a></li>
                    <li class="dropdown">
                        <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>-->
                        <ul class="dropdown-menu">
                            <!--<li><a href="#">Action</a></li>-->
                            <!--<li><a href="#">Another action</a></li>-->
                            <!--<li><a href="#">Something else here</a></li>-->
                            <!--<li class="divider"></li>-->
                            <li><a href="#">Separated link</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
</header>
<section id="container">
        <div id="skippr">
            <div style="background-image: url(img/img1.jpg);"></div>
            <div style="background-image: url(img/img2.jpg);"></div>
            <div style="background-image: url(img/img3.jpg);"></div>
            <div style="background-image: url(img/img4.jpg);"></div>
            <div style="background-image: url(img/img5.jpg);"></div>
        </div>
</section>
<section style="background-color: #f7f7f7;padding: 0px 0px 30px 0px;">
    <div class="container">
        <div class="page-header">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="pull-left">藏经阁</h1>
                    <span class="pull-right"><a href="index.html">更多</a> </span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4 animated" data-animation="bounceIn" data-delay="0">
                <a href="index.html">
                    <div class="walkhi">
                        <img src="img/img1.jpg" class="img-responsive">
                        <h4>Spark</h4>
                        <p>
                            2015-7-15
                        </p>
                    </div>
                </a>
            </div>
            <div class="col-sm-4 animated" data-animation="bounceIn" data-delay="200">
                <a href="index.html">
                    <div class="walkhi">
                        <img src="img/img2.jpg" class="img-responsive">
                        <h4>Haddop</h4>
                        <p>
                            2015-7-15
                        </p>
                    </div>
                </a>
            </div>
            <div class="col-sm-4 animated" data-animation="bounceIn" data-delay="400">
                <a href="index.html">
                    <div class="walkhi">
                        <img src="img/img3.jpg" class="img-responsive">
                        <h4>HBase</h4>
                        <p>
                            2015-7-15
                        </p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="uphi">
    <div class="container">
        <div class="uphi-header">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="pull-left">起来嗨</h1>
                    <span class="pull-right"><a href="index.html">更多</a> </span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-8 gallery-item animated" data-animation="bounceIn" data-delay="0">
                <a href="index.html">
                    <div class="gallery-item">
                        <img src="img/img4.jpg" class="img-responsive">
                        <div class="img-caption">
                            <h4>走着嗨活动标题</h4>
                            <p>
                                2015-7-15
                            </p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-4 animated" data-animation="bounceIn" data-delay="400">
                <div class="col-sm-12" style="margin: 0px; padding: 0px;">
                    <a href="index.html">
                        <div class="gallery-item">
                            <img src="img/img1.jpg" class="img-responsive">
                            <div class="img-caption">
                                <h4>走着嗨活动标题</h4>
                                <p>
                                    2015-7-15
                                </p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-sm-12" style="margin: 0px; padding: 0px;">
                    <a href="index.html">
                        <div class="gallery-item">
                            <img src="img/img3.jpg" class="img-responsive">
                            <div class="img-caption">
                                <h4>走着嗨活动标题</h4>
                                <p>
                                    2015-7-15
                                </p>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
        </div>
    </div>
</section>
<section class="hithing">
    <div class="container">
        <div class="hithing-header">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="pull-left">嗨玩意</h1>
                    <span class="pull-right"><a href="index.html">更多</a> </span>
                </div>
            </div>
        </div>
        <div class="row" style="padding:0px 15px;">
            <div class="col-sm-8 clear-lr gallery-item animated" data-animation="bounceIn" data-delay="0">
                <a href="index.html">
                    <div class="gallery-item" style="height: 253px; overflow: hidden;">
                        <img src="img/img4.jpg" class="img-responsive">
                        <div class="img-caption">
                            <h4>走着嗨活动标题</h4>
                            <p>
                                2015-7-15
                            </p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-4 clear-lr animated" data-animation="bounceIn" data-delay="400">
                <a href="index.html">
                    <div class="gallery-item">
                        <img src="img/img1.jpg" class="img-responsive">
                        <div class="img-caption">
                            <h4>走着嗨活动标题</h4>
                            <p>
                                2015-7-15
                            </p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <div class="row" style="padding:0px 15px;">
            <div class="col-sm-3 clear-lr animated" data-animation="bounceIn" data-delay="400" style="margin: 0px;">
                <a href="index.html">
                    <div class="gallery-item" >
                        <img src="img/img1.jpg" class="img-responsive">
                        <div class="img-caption">
                            <h4>走着嗨活动标题</h4>
                            <p>
                                2015-7-15
                            </p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-3 clear-lr  animated" data-animation="bounceIn" data-delay="400" style="margin: 0px;">
                <a href="index.html">
                    <div class="gallery-item">
                        <img src="img/img2.jpg" class="img-responsive">
                        <div class="img-caption">
                            <h4>走着嗨活动标题</h4>
                            <p>
                                2015-7-15
                            </p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-3 clear-lr animated" data-animation="bounceIn" data-delay="400" style="margin: 0px;">
                <a href="index.html">
                    <div class="gallery-item">
                        <img src="img/img3.jpg" class="img-responsive">
                        <div class="img-caption">
                            <h4>走着嗨活动标题</h4>
                            <p>
                                2015-7-15
                            </p>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-sm-3 clear-lr animated" data-animation="bounceIn" data-delay="400" style="margin: 0px;">
                <a href="index.html">
                    <div class="gallery-item">
                        <img src="img/img4.jpg" class="img-responsive">
                        <div class="img-caption">
                            <h4>走着嗨活动标题</h4>
                            <p>
                                2015-7-15
                            </p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<section class="higuestsay">
    <div class="container">
        <div class="hgs-header">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="pull-left">嗨客说</h1>
                    <span class="pull-right"><a href="index.html">更多</a> </span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-3 animated" data-animation="bounceIn" data-delay="0" style="text-align: center;">
                <img src="img/img3.jpg" >
                <div class="hgs-content">
                    <h4>
                        这是标题或者嗨客名称
                    </h4>
                    <p>
                        这里是嗨客说的话，可以是很多，或者是嗨客的座右铭。可以很长很长很长很长

                    </p>
                    <p style="text-align: right;">---签名</p>

                </div>
            </div>
            <div class="col-sm-3 animated" data-animation="bounceIn" data-delay="200"  style="text-align: center;">
                <img src="img/img2.jpg" >
                <div class="hgs-content">
                    <h4>
                        这是标题或者嗨客名称
                    </h4>
                    <p>
                        这里是嗨客说的话，可以是很多，或者是嗨客的座右铭。可以很长很长很长很长

                    </p>
                    <p style="text-align: right;">---签名</p>

                </div>
            </div>
            <div class="col-sm-3 animated" data-animation="bounceIn" data-delay="400" style="text-align: center;">
                <img src="img/img1.jpg" >
                <div class="hgs-content">
                    <h4>
                        这是标题或者嗨客名称
                    </h4>
                    <p>
                        这里是嗨客说的话，可以是很多，或者是嗨客的座右铭。可以很长很长很长很长

                    </p>
                    <p style="text-align: right;">---签名</p>

                </div>
            </div>
            <div class="col-sm-3 animated" data-animation="bounceIn" data-delay="600" style="text-align: center;">
                <img src="img/img4.jpg" >
                <div class="hgs-content">
                    <h4>
                        这是标题或者嗨客名称
                    </h4>
                    <p>
                        这里是嗨客说的话，可以是很多，或者是嗨客的座右铭。可以很长很长很长很长

                    </p>
                    <p style="text-align: right;">---签名</p>

                </div>
            </div>
        </div>

    </div>
</section>
<section class="hiview">
    <div class="container">
        <div class="hiview-header">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="pull-left">嗨视角</h1>
                    <span class="pull-right"><a href="index.html">更多</a> </span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4 animated" data-animation="bounceIn" data-delay="0">
                <a href="index.html">
                    <div class="walkhi2">
                        <img src="img/img1.jpg" class="img-responsive">
                        <h4>走着嗨活动标题</h4>
                        <p>
                            2015-7-15
                        </p>
                    </div>
                </a>
            </div>
            <div class="col-sm-4 animated" data-animation="bounceIn" data-delay="200">
                <a href="index.html">
                    <div class="walkhi2">
                        <img src="img/img2.jpg" class="img-responsive">
                        <h4>走着嗨活动标题</h4>
                        <p>
                            2015-7-15
                        </p>
                    </div>
                </a>
            </div>
            <div class="col-sm-4 animated" data-animation="bounceIn" data-delay="400">
                <a href="index.html">
                    <div class="walkhi2">
                        <img src="img/img3.jpg" class="img-responsive">
                        <h4>走着嗨活动标题</h4>
                        <p>
                            2015-7-15
                        </p>
                    </div>
                </a>
            </div>
        </div>
    </div>

</section>
<div class="modal fade" id="sign-modal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <button type="button" class="close-modal" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <div class="modal-body">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active">
                        <a href="#signin-form" aria-controls="signin-form" role="tab" data-toggle="tab">登录</a>
                    </li>
                    <li role="presentation">
                        <a href="#signup-form" aria-controls="signup-form" role="tab" data-toggle="tab">注册</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="signin-form">
                        <form action="/login" method="post">
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-envelope" style="margin:0;"></i>
                                    </div>
                                    <input type="email" name="login" class="form-control" placeholder="请输入邮箱">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-lock" style="margin:0;"></i>
                                    </div>
                                    <input type="password" name="password" class="form-control" placeholder="请输入密码">
                                </div>
                            </div>
                            <div class="form-inline verify-code-item" style="display:none;">
                                <div class="form-group">
                                    <div class="input-group">
                                        <input type="text" name="captcha_v" class="form-control" placeholder="请输入验证码">
                                    </div>
                                </div>
                                <img class="verify-code" src="" source="img/captcha.gif">
                            </div>
                            <div class="form-group remember-login">
                                <input name="remember" type="checkbox" value="y"> 下次自动登录
                                <a class="pull-right" href="reset_password/index.html">忘记密码？</a>
                            </div>
                            <div class="form-group">
                                <input class="btn btn-primary" name="submit" type="submit" value="登录">
                            </div>
                            <div class="form-group widget-signin">
                                <span>快速登录</span>
                                <a href="/auth/qq?next="><i class="fa fa-qq"></i></a>
                                <a href="/auth/weibo?next="><i class="fa fa-weibo"></i></a>
                                <a href="/auth/weixin?next="><i class="fa fa-weixin"></i></a>
                                <a href="/auth/github?next="><i class="fa fa-github"></i></a>
                                <a href="/auth/renren?next="><i class="fa fa-renren"></i></a>
                            </div>
                            <div class="form-group error-msg">
                                <div class="alert alert-danger" role="alert"></div>
                            </div>
                        </form>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="signup-form">
                        <form action="/register" method="post">
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-envelope" style="margin:0;"></i>
                                    </div>
                                    <input type="email" name="email" class="form-control" placeholder="请输入邮箱">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="input-group">
                                    <div class="input-group-addon">
                                        <i class="fa fa-lock" style="margin:0;"></i>
                                    </div>
                                    <input type="password" name="password" class="form-control" placeholder="请输入密码">
                                </div>
                            </div>
                            <div class="form-inline">
                                <div class="form-group">
                                    <div class="input-group">
                                        <input type="text" name="captcha_v" class="form-control" placeholder="请输入验证码">
                                    </div>
                                </div>
                                <img class="verify-code" src="" source="img/captcha.gif">
                            </div>
                            <div class="form-group">
                                <input class="btn btn-primary" name="submit" type="submit" value="注册">
                            </div>
                            <div class="form-group agree-privacy">
                                注册表示您已经同意我们的<a href="privacy/index.html" target="_blank">隐私条款</a>
                            </div>
                            <div class="form-group widget-signup">
                                <span>快速注册</span>
                                <a href="/auth/qq?next="><i class="fa fa-qq"></i></a>
                                <a href="/auth/weibo?next="><i class="fa fa-weibo"></i></a>
                                <a href="/auth/weixin?next="><i class="fa fa-weixin"></i></a>
                                <a href="/auth/github?next="><i class="fa fa-github"></i></a>
                                <a href="/auth/renren?next="><i class="fa fa-renren"></i></a>
                            </div>
                            <div class="form-group error-msg">
                                <div class="alert alert-danger" role="alert"></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
<footer class="hi-footer">
    <div class="footertop">
        <div class="container">
            <div class="row">
                <div class="col-sm-4">
                    <h4>
                        嗨社区
                    </h4>
                    <ul>
                        <li><a href="index.html">关于嗨社区</a></li>
                        <li><a>加入我们</a></li>
                        <li><a>其他</a></li>
                        <li><a>其他</a></li>
                    </ul>
                </div>
                <div class="col-sm-4">
                    <h4>
                        合作伙伴
                    </h4>

                </div>
                <div class="col-sm-4">
                    <i class="fa fa-weibo"></i>
                    <i class="fa fa-qq"></i>
                    <i class="fa fa-weixin"></i>
                </div>
            </div>

        </div>
    </div>
    <div class="footerbot">
        © 2015 嗨weiwork | 鲁ICP备12012936号
    </div>

</footer>

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/jquery.skippr.min.js"></script>
<script src="js/jquery.scrollto.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/jquery.parallax-1.1.3.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.nav.js"></script>
<script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
</body>
</html>